<!--订单详情-->
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/order.css"/>
</head>

<body class="gray">
	<div class="mui-content detail mui-scroll-wrapper" style="padding-bottom: 50px;">
	    <div class="mui-scroll loading" id="vueMain">
	    		<ul class="mui-table-view">
		        <li class="mui-table-view-cell tls">
		        		<span class="status">{{list.order_status_name}}</span>
		        		NO.{{list.order_no}}
		        </li>
		        <li class="mui-table-view-cell mui-media">
		        		<a href="javascript:;">
	    		            <img class="mui-media-object mui-pull-left" :src="list.img" />
								<div class="mui-media-body">
	    		                <div class="name">{{list.name}}</div>
	    		                <p v-if="list.stro"><span class="mui-pull-right"></span>已选：{{list.stro}}</p>
	    		                <p>数量:{{list.amount}}</p>
	    		            </div>
	    		        </a>
		        </li>
	    		</ul>
	    		<!--退款时显示-->
	    		<ul class="mui-table-view itemlist" v-if="list.order_status==7">
    		        <li class="mui-table-view-cell">
    		        		<div class="mui-pull-right">
		        			{{list.refund_reason}}
		        		</div>
		        		<div class="mui-pull-left">
		        			申请原因
		        		</div>
    		        </li>
    		        <!--<li class="mui-table-view-cell">
    		        		<div class="mui-pull-right">
		        			<span class="dnf">¥400</span>
		        		</div>
		        		<div class="mui-pull-left">
		        			申请金额
		        		</div>
    		        </li>-->
    		         <li class="mui-table-view-cell tarea">
    		         	<div>详细理由</div>
    		         	<textarea name="" disabled="disabled" v-if="list.refund_content">{{list.refund_content}}</textarea>
    		         	<textarea name="" disabled="disabled" v-else>无填写理由</textarea>
    		         </li>
    		    </ul>
	    		
	    		
	    		<ul class="mui-table-view itemlist">
		        <li class="mui-table-view-cell">
		        		<div class="mui-pull-right">
		        			归还时间
		        			<p>{{list.end_time}}</p>
		        		</div>
		        		<div class="mui-pull-left">
		        			租赁日期
		        			<p>{{list.start_time}}</p>
		        		</div>
		        </li>
		        <li class="mui-table-view-cell">
		        		<div class="mui-pull-right">
		        			{{list.goods_nums}}天
		        		</div>
		        		<div class="mui-pull-left">
		        			租赁时长
		        		</div>
		        </li>
		        <li class="mui-table-view-cell">
		        		<div class="mui-pull-right">
		        			¥ {{list.order_amount}}
		        		</div>
		        		<div class="mui-pull-left">
		        			¥ {{list.goods_price}} X {{list.amount}} X {{list.goods_nums}}天
		        		</div>
		        </li>
		    </ul>
		    
		    <div class="item">
		    		<div class="mui-content-padded">
		    			<div class="box">
		    				<div class="tile">用户信息</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">客户名称：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.accept_name}}</div>
				    		</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">联系电话：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.mobile}}</div>
				    		</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">服务地址：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.province_name}}{{list.city_name}}{{list.area_name}}{{list.address}}</div>
				    		</div>
		    			</div>
		    		</div>
		    </div>
		    <div class="item" v-if="list.invoice!=0">
		    		<div class="mui-content-padded">
		    			<div class="box">
		    				<div class="tile">发票信息</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">发票类型：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_type}}</div>
				    		</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">抬头：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_title}}</div>
				    		</div>
				    		<div class="mui-row" v-if="list.invoice_title.invoice_title=='单位发票'">
				    			<div class="mui-col-xs-3 mui-col-sm-3">抬头名称：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_name}}</div>
				    		</div>
				    		<div class="mui-row">
				    			<div class="mui-col-xs-3 mui-col-sm-3">发票内容：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_body}}</div>
				    		</div>
				    		<div class="mui-row" v-if="list.invoice_title.invoice_mobile">
				    			<div class="mui-col-xs-3 mui-col-sm-3">收票人手机：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_mobile}}</div>
				    		</div>
				    		<div class="mui-row" v-if="list.invoice_title.invoice_email">
				    			<div class="mui-col-xs-3 mui-col-sm-3">收票人邮箱：</div>
				    			<div class="mui-col-xs-9 mui-col-sm-9">{{list.invoice_title.invoice_email}}</div>
				    		</div>
		    			</div>
		    		</div>
		    </div>
		    <div class="item">
		    		<div class="mui-content-padded">
		    			<div class="box">
		    				<div class="tile">订单日志</div>
		    				
		    				<template v-for="item in list.html">
		    					<p class="mui-clearfix"><span class="mui-pull-right" v-if="item.money">¥ {{item.money}}</span>{{item.name}}：{{item.time}}</p>
		    				</template>
		    				
		    				<!--<p>创建时间：{{list.create_time}}</p>
		    				<p class="mui-clearfix" v-if="list.pay_time!='0000-00-00 00:00:00'"><span class="mui-pull-right">¥ {{list.pay_fee}}</span>定金付款时间：{{list.pay_time}}</p>
		    				<p v-if="list.check_time!='0000-00-00 00:00:00'">确认时间：{{list.check_time}}</p>
		    				<p class="mui-clearfix" v-if="list.final_pay_time!='0000-00-00 00:00:00'"><span class="mui-pull-right">¥ {{list.final_pay}}</span>尾款付款时间：{{list.final_pay_time}}</p>
		    				<p v-if="list.send_time!='0000-00-00 00:00:00'">开工时间：{{list.send_time}}</p>-->
		    			</div>
		    		</div>
		    </div>
	    		
	    </div>
	</div>
	
	<div class="flex finish" style="display: none;">
		<div class="mui-pull-right finishbtn" >完工</div>
		<div class="total">合计：¥ <span class="totl"></span></div>
	</div>
	<div class="flex audit" style="display: none;">
		<div class="mui-pull-right link" _id="audit" _href="audit.html" _title="审核">审核</div>
		<div class="total">合计：¥ <span class="totl"></span></div>
	</div>
	<div class="flex refuse" style="display: none;">
		<div class="mui-pull-right accept">接单</div>
		<div class="mui-pull-right yellow link " _id="refuse" _href="refuse.html" _title="拒单" >拒单</div>
		<div class="total">合计：¥ <span class="totl"></span></div>
	</div>
<script src="../js/mui.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/bexta.js"></script>
<script src="../js/order_detail.js"></script>
</body>
</html>